<template>
    <!-- buttons -->
    <div :align="buttonsData.align">
        <el-button 
            v-for="(item,index) in buttonsData.buttons" :key="index"
            :type="item.status" @click="childSearchCommHandler(item)"
            :size="item.size"
            :disabled="item.disabled">{{item.content}}</el-button>
    </div> 
</template>
<script>
export default {
    name: 'ButtonRender',
    props: {
        buttonsData: {
            type: Object,
            default:()=>{}
        }
    },
    data() {
        return {
            
        }
    },
    mounted() {
        
    },
    methods: {
        childSearchCommHandler(item) {
            this.$emit('formCommHandler',item)
        }
    }
}
</script>
<style>

</style>


